@charset "utf-8";
/* @import url(/css/route.css); */
/* @import url(/css/lib/jquery/jquery-ui-1.8.1.custom.css); */

/* 만들기 layout 공통 */
.c-wrapper {min-width:1260px;}

/* Input text style */
#basic-info .input-holder {float:left; border-bottom:1px solid #fff; background:#d0d0d0; padding:0 1px 1px;}
#basic-info .input-holder span {float:left; border-top:1px solid #c1c1c1;}
#basic-info .input-holder input {float:left; height:17px; width:79px; border:0; border-top:1px solid #ededed; background:#fff; vertical-align:top;}
.drag-flying {position:absolute; line-height:20px; color:#333; padding:0 40px 0 23px; font-size:11px; border:1px solid #888; opacity:0.4; filter:alpha(opacity=40); z-index:100; background:#ebebeb url(../image/route/create/ico_spot.png) 8px 5px no-repeat;}

/* 만들기 header */
#c-header {position:absolute; top:0; left:0; min-width:100%; height:41px; background-color:#24364a; border-bottom:1px solid #081d34; z-index:11;}
#c-header h1 {position:absolute; left:12px; top:5px;}
#c-header .menu {float:right; margin-right:14px;}
#c-header .menu li {float:left; position:relative;}
#c-header .menu a {display:block; padding:11px 16px 0; height:29px; font-size:11px; text-align:center; font-weight:bold; color:#fff; cursor:pointer;}
#c-header .menu a:hover {border:1px solid #4d5666; padding:11px 15px 0; border-width:0 1px; background-color:#02172e; text-decoration:none;}
#c-header .menu a span {float:left;}
#c-header .menu .create a span {padding-right:10px; background:url(../image/layout/bu_plus.png) right 4px no-repeat;}
#c-header .menu a .balloon {float:left; margin:-1px 0 0 1px;}
#c-header .menu a .cnt {float:left; padding:2px 0 0 9px; min-width:10px; text-align:center; height:16px; color:#fff; font:bold 11px/14px calibri; background:url(../image/common/bg_balloon_blue.png) no-repeat;}
#c-header .menu a .bg {float:left; width:5px; height:18px; background:url(../image/common/bg_balloon_blue.png) right 0 no-repeat;}
#c-header .save-noti {position:absolute; top:43px; right:10px; padding:5px 10px 6px 31px; border:1px solid #03a2d0; background:#02b0ed url(../image/route/create/ico_check.png) 10px 8px no-repeat; white-space:nowrap; color:#fff; font-weight:bold;}
#c-header .save-noti em {margin-left:2px; color:#aee9fe; font:normal 11px calibri; color:#aee9fe;}

/* 만들기 sub header (기본정보) */
#c-sub-header {position:absolute; top:42px; min-width:100%; background:#f7f7f7; border-bottom:1px solid #c9cacd; z-index:10;}
#c-sub-header .c-wrapper {border-bottom:1px solid #fff;}
#basic-info {height:220px; position:relative; min-width:100%;}
#basic-info .compact-mode {position:absolute; display:none; top:8px; left:20px; font-size:22px; font-weight:bold; z-index:5;}
#basic-info .full-mode {display:block;}
#basic-info.step-story .compact-mode {display:block;}
#basic-info.step-story .full-mode {display:none;}
#basic-info.step-story {height:50px;}
#basic-info h3 {text-indent:-1000px; overflow:hidden; height:12px; background:url(../image/route/create/map_info_title.png) no-repeat;}
#basic-info .required {position:absolute; color:#ff2a14; font-size:24px; line-height:10px; top:0; left:-16px;}
#basic-info .photo {position:absolute; top:19px; left:20px; width:202px; height:182px; background:url(../image/route/create/bg_empty_photo.jpg) no-repeat;}
#basic-info .photo img.thumb {width:202px; height:182px;}
#basic-info .photo .btn-add,
#basic-info .photo .btn-del {position:absolute; bottom:-12px; right:-10px; z-index:12;  width:40px; height:40px;}
#basic-info .fields {position:absolute; top:19px; left:256px;}
#basic-info .title {position:relative; height:67px;}
#basic-info .title input {padding:5px 10px 6px; height:33px; width:546px; font-size:22px; color:#000; font-weight:bold;}
#basic-info .title .remain {float:left; margin:31px 0 0 8px; color:#666;}
#basic-info .theme {position:relative; height:56px; z-index:10;}
#basic-info .theme .required {top:5px;}
#basic-info .theme h3 {float:left; margin:5px 0 0 1px; width:58px;}
#basic-info .theme .selector {float:left; width:509px; background:#fff;}
#basic-info .theme .selector .holder {border:1px dashed #b3b3b3; padding:3px 8px 0; height:18px; font-size:11px; color:#000;}
#basic-info .theme .selector .holder a {color:#03a2d0;}
#basic-info .theme .selector .holder .value {float:left;}
#basic-info .theme .selector .holder .reset {float:right;}
#basic-info .theme .layer {position:absolute; border:1px solid #b3b3b3; border-top:0; padding:10px 13px 12px 15px; width:479px; background:#fff; z-index:12;}
#basic-info .theme .layer ul {overflow:hidden; padding-bottom:5px;}
#basic-info .theme .layer li {float:left; position:relative; margin-bottom:1px;}
#basic-info .theme .layer li.col1 {width:175px;}
#basic-info .theme .layer li.col2 {width:190px;}
#basic-info .theme .layer li.col3 {width:114px;}
#basic-info .theme .layer li a {float:left; border:1px solid #fff; padding:3px 16px 2px 30px; font-size:11px; color:#666;;}
#basic-info .theme .layer li.on a {float:left; border:1px solid #03a2d0; background:#02b0ed url(../image/route/create/ico_check.png) 9px 4px no-repeat; color:#fff; font-weight:bold;}
#basic-info .theme .layer li.on a:hover {color:#fff !important; text-decoration:none;}
#basic-info .theme .layer li img {position:absolute; top:6px; left:9px;}
#basic-info .theme .layer li.on img {visibility:hidden;}
#basic-info .theme .layer .btns {border-top:1px dotted #ccc; padding-top:10px; text-align:right;}
#basic-info .theme .layer .btns a {margin-right:10px; color:#03a2d0;}
#basic-info .theme .layer .shadow {position:absolute; left:-1px; bottom:-2px; width:100%; padding:0 1px; background:#000; height:1px; opacity:0.15; filter:alpha(opacity=15);}
#basic-info .visited {position:relative; width:229px; float:left;}
#basic-info .visited em {position:absolute; top:4px;}
#basic-info .visited fieldset {height:21px;}
#basic-info .visited fieldset input {float:left;}
#basic-info .visited fieldset label {float:left; margin-left:2px; padding-left:38px; background-position:0 3px; background-repeat:no-repeat; line-height:21px; color:#666;}
#basic-info .visited .went {margin-bottom:15px;}
#basic-info .visited .went label {background-image:url(../image/route/create/ico_went.png);}
#basic-info .visited .want label {background-image:url(../image/route/create/ico_want.png);}
#basic-info .period {float:left; width:126px; position:relative;}
#basic-info .period .required {top:4px;}
#basic-info .period h3 {margin:4px 0 6px; width:47px; background-position:0 -15px;}
#basic-info .period .holder {float:left; margin-left:2px; width:64px; height:36px; border-bottom:1px solid #fff; background:url(../image/route/create/bg_period.png) no-repeat;}
#basic-info .period input {float:left; width:70px; width:58px\9; border:none; letter-spacing:9px; padding-top:6px; vertical-align:top; -webkit-apearance:none; font:bold 22px arial; text-align:right; color:#24364a; background:transparent;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#basic-info .period input {padding-top:3px;}}
#basic-info .period input:focus {outline:none;}
#basic-info .period .text {float:left; padding:8px 0 6px 7px; background:#f7f7f7; color:#666;}
#basic-info .start-date {float:left; width:332px; position:relative;}
#basic-info .start-date h3 {margin:4px 0 12px; background-position:0 -30px;}
#basic-info .start-date .calendar-holder {position:absolute; top:51px; left:0;}
#basic-info .start-date input {height:17px; width:79px; padding:1px 6px 3px; font-size:11px; color:#000;}
#basic-info .start-date .calendar {float:left; margin:3px 0 0 8px;}
#basic-info .start-date p {float:left; margin:1px 0 0 14px; color:#888; font-size:11px;}
#basic-info .start-date p.error {color:#ff4f47;}
#basic-info .charge {float:left;}
#basic-info .charge h3 {margin:4px 0 12px; width:60px; background-position:0 -45px;}
#basic-info .charge input {height:17px; width:79px; padding:1px 6px 3px; font-size:11px; color:#000;}
#basic-info .charge .text {float:left; margin:2px 0 0 5px; color:#666;}
#basic-info .btn-toggle {position:absolute; width:59px; height:22px; right:13px; bottom:-1px; text-indent:-1000px; overflow:hidden; z-index:12; background:url(../image/common/map_btn_toggle.png) no-repeat;}
#basic-info .btn-toggle:hover {text-decoration:none;}
#basic-info .btn-toggle.show {background-position:0 -22px;}
#basic-info .layer-guide {position:absolute; bottom:-4px; left:10px; width:113px; height:47px; padding-top:7px; text-align:center; font-size:11px; color:#ff4f47; background:url(../image/route/create/bg_balloon_black.png);}

/* 만들기 content */
#c-content {position:absolute; top:264px; border-top:1px solid #e9e9e9; min-width:100%; height:auto; bottom:60px; z-index:9;}
#c-content.detail {top:302px;}
#c-content.story {top:94px;}
#c-content .h-line {position:absolute; top:0; left:0; min-width:100%; height:1px; background:#e9e9e9;}
#c-content .c-wrapper {height:100%;}

/* 날짜 선택 영역 */
.route-plan-navi {position:absolute; top:-38px; left:0; min-width:100%;}
.route-plan-navi.view {top:0;}
.route-plan-navi .control {left:54px; right:13px; zoom:1;}
.route-plan-navi .control a {margin-right:33px;}

/* 일정표 영역 */
#plan-area {position:absolute; width:470px; height:100%; top:0; left:0;}
#plan-area .route-plan {position:absolute; padding:0 11px; border-top:1px solid #e9e9e9; top:33px; left:0; right:0; bottom:0; overflow-y:scroll;}
.detail #plan-area .route-plan {border-top:0; top:0;}
.story #plan-area .route-plan {top:37px;}
.story #plan-area .route-total-cnt {height:29px; padding-top:7px;}

/* 일차정보 상단 */
.route-plan .plan-info .btn-del {float:left; margin:12px 0 0 7px; width:10px; height:11px; text-indent:-100px; overflow:hidden; background:url(../image/common/map_btn_del.png) no-repeat;}
.route-plan .plan-info .btn-del:hover {background-position:-15px 0;}
.route-plan .day-note .btns {float:right; font-size:11px; margin-top:-21px; color:#d0d0d0;}
.route-plan .day-note .btns a {color:#03a2d0;}
.route-plan .day-note .write {position:absolute; font-size:12px; right:0; top:8px; right:10px; color:#666; visibility:hidden;}
.route-plan .day-note textarea {padding:3px 5px; width:390px; height:42px; border:1px solid #ddd; color:#666;}
.route-plan .day-note.empty {opacity:0.6; filter:alpha(opacity=60); cursor:pointer;}
.route-plan .day-note.empty h3 {margin-bottom:0;}
.route-plan .day-note.empty .write {visibility:visible;}
.route-plan .day-note.empty.hover {opacity:1; filter:alpha(opacity=100);}

/* 일정표 - 유닛 공통 */
.route-plan li .unit-body.hover .btns {visibility:visible;}
.route-plan li .btns {position:absolute; top:14px; right:0; visibility:hidden;}
.route-plan li .btns a {float:left; margin-right:6px; width:16px; height:16px; text-indent:-100px; overflow:hidden; background:url(../image/route/create/map_btn_unit.png) no-repeat;}
.route-plan li .btns a.btn-del {background-position:-20px 0;}
.route-plan li .btns a.btn-edit {background-position:-40px 0;}
.route-plan li .btns a.btn-memo {background-position:-60px 0;}
.route-plan li .btns a.btn-up {background-position:-80px 0;}
.route-plan li .btns a.btn-down {background-position:-100px 0;}

/* 일정표 영역 - 타겟 */
.route-plan li.spot-target {margin-top:-1px;}
.route-plan li.spot-target .marker {background-image:url(../image/route/create/ico_spot_add.png); cursor:auto;}
.route-plan li.spot-target .unit-body {border:0; background:#fff;}
.route-plan li.spot-target .name {padding:12px 10px 13px; border:1px dashed #ccc; font-size:12px; color:#999; background:#f0f8fe;}
.route-plan li.spot-target.city .name {background:#fff4f0;}
.route-plan li.spot-target.top .btn-up {visibility:hidden;}
.route-plan li.spot-target.bottom .btn-down {visibility:hidden;}
.route-plan li.move-target .marker {width:23px; height:23px; left:0; background-image:url(../image/route/create/ico_move_add.png); cursor:pointer;}
.route-plan li.move-target .marker.on {background-image:url(../image/route/create/ico_move_add_on.png);}
.route-plan li.move-target .name {padding:12px 0 13px 2px;}
.route-plan li.move-target .name a {color:#ccc;}
.route-plan li.move-target .name a.on {color:#03a2d0;}
.route-plan li.move-target .name a:hover {text-decoration:none;}
.route-plan li.move-target .unit-body.hover {background:#fff;}
.route-plan li.drag-target {margin-top:-1px;}
.route-plan li.drag-target .unit-body {border:0; background:#fff;}
.route-plan li.drag-target .name {height:43px; padding:0 !important; border:1px dashed #ccc; font-size:12px; color:#999; background:#f7f7f7;}
.route-plan li.drag-target .marker {visibility:hidden;}
.route-plan li.drag-target.city .name {background:#fff4f0;}
.route-plan li.drag-target.spot .name {background:#f0f8fe;}


/* 일정표 영역 - 이동 편집 */
.route-plan li.move-edit form {padding:18px 15px 16px; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#666; font-size:11px; background:#f7f7f7;}
.route-plan li.move-edit .marker {width:23px; height:23px; left:0; background-image:url(../image/route/create/ico_move_add_on.png); cursor:pointer;}
.route-plan li.move-edit select {vertical-align:middle; border:1px solid #bababa;}
.route-plan li.move-edit .required {float:left; color:#ff2a14; font-size:24px; margin:-12px 0 0 -2px;}
.route-plan li.move-edit .method {overflow:hidden; padding-bottom:15px; padding-bottom:5px\9;}
.route-plan li.move-edit .method select {float:left; width:283px; height:25px; color:#000; padding:3px;}
.route-plan li.move-edit .time {line-height:20px; margin-bottom:11px;}
.route-plan li.move-edit .time select {width:64px; vertical-align:middle; font-size:11px;}
.route-plan li.move-edit .charge {line-height:20px; margin-bottom:3px;}
.route-plan li.move-edit .charge input {vertical-align:middle; padding:2px 4px; width:77px; height:14px; border:1px solid #bababa; font-size:11px;}
.route-plan li.move-edit .charge select {width:149px;}
.route-plan li.move-edit .charge p {padding-bottom:2px;}
.route-plan li.move-edit .charge p.charge-won {margin-left:55px;}
.route-plan li.move-edit .time em,
.route-plan li.move-edit .charge em {font-weight:bold; margin-right:8px;}
.route-plan li.move-edit .note textarea {width:360px; height:65px; border:1px solid #c1c1c1; font-size:11px; padding:3px 5px;}
.route-plan li.move-edit .note textarea.empty {color:#999;}
.route-plan li.move-edit .control {margin-top:9px; overflow:hidden;}
.route-plan li.move-edit .control a.cancel {float:left; margin-top:5px; color:#03a2d0; font-weight:bold;}
.route-plan li.move-edit .control .submit {float:right;}
.route-plan li.move-edit .control .submit input {vertical-align:middle;}
.route-plan li.move-edit .control .submit label {margin:0 10px 0 -3px; vertical-align:middle;}

/* 지도 영역 */
#map-area {position:absolute; left:470px; right:0; height:100%;}
#map-area .map-box {height:100%;}
#map-area .btn-show-like {position:absolute; top:237px; left:4px; width:27px; height:27px; background:url(../image/route/create/map_show_like.png) no-repeat; z-index:20;}
#map-area .btn-show-like.on {background-position:-30px 0;}

/* 지도 영역 - 도시검색 */
#map-area .city-search {position:absolute; top:52px; left:50%; width:400px; margin-left:-190px; z-index:20;}
#map-area .city-search .holder {float:left; border:1px solid #b4b4b4;}
#map-area .city-search input {width:304px; height:28px; border:0; border-top:1px solid #ededed; padding:2px 7px 4px; font-size:20px; color:#000; font-weight:bold; vertical-align:top;}
#map-area .city-search button {float:left; margin-left:5px;}
#map-area .city-search .result {position:absolute; left:0; top:37px; border:1px solid #47c2e6;}
#map-area .city-search .result {max-height:300px; overflow-y:auto; width:318px;}
#map-area .city-search .result li a {display:block; padding:0 10px; font-size:14px; line-height:25px; color:#000; white-space:nowrap; overflow:hidden; background:#fff;}
#map-area .city-search .result li a em {font-weight:bold;}
#map-area .city-search .result li a span {color:#999;}
#map-area .city-search .result li.on a,
#map-area .city-search .result li a:hover {background:#02b0ed; text-decoration:none; color:#fff !important;}
#map-area .city-search .result li.on a span,
#map-area .city-search .result li a:hover span {color:#fff;}
#map-area .city-search .result li p {padding:0 10px; font-size:14px; line-height:25px; color:#999; background:#fff;}

/* 지도 영역 - 빠른 스팟 검색 */
#map-area .spot-search {position:absolute; top:13px; left:50%; margin-left:-365px; width:728px; border:1px solid #fff; z-index:20;}
#map-area .spot-search .head {position:relative; padding:5px 0 9px; background:#eaf3f9; border:1px solid #ddecf5; cursor:pointer;}
#map-area .spot-search .head.hover {background:#b9d7ea; border:1px solid #b0d3e7;}
#map-area .spot-search .head .bg {position:absolute; top:-1px; left:-1px; padding:1px; width:100%; height:100%; background:url(../image/route/create/bg_slant_blue.png);}
#map-area .spot-search .head .arrow {position:absolute; right:9px; top:11px; width:17px; height:10px; background:url(../image/route/create/map_arrow.png) -20px 0px no-repeat;}
#map-area .spot-search .head.hover .arrow {background-position:-20px -10px;}
#map-area .spot-search .head.compact .arrow {background-position:0 0;}
#map-area .spot-search .head.compact.hover .arrow {background-position:0 -10px;}
#map-area .spot-search .head h3 {position:relative; font-weight:normal; font-size:11px; color:#82a8bc; text-align:center; height:18px; line-height:18px;}
#map-area .spot-search .head h3 em {padding:0 10px 0 15px; font-size:12px; color:#24364a; font-weight:bold; background:url(../image/route/create/ico_spot_blue.png) 0 3px no-repeat;}
#map-area .spot-search .body {position:relative; zoom:1;}
#map-area .spot-search .body .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.9; filter:alpha(opacity=90);}
#map-area .spot-search .body .content {position:relative;}
#map-area .spot-search fieldset {position:relative; height:28px; padding:14px 0 14px 103px;}
#map-area .spot-search fieldset .holder {float:left; border:1px solid #b4b4b4;}
#map-area .spot-search fieldset .holder.focus {border-color:#03a2d0;}
#map-area .spot-search fieldset input {float:left; padding:0 8px; border:0; border-top:1px solid #ededed; width:212px; height:25px; font-size:14px; vertical-align:top; color:#010101; }
#map-area .spot-search fieldset input.empty {color:#b7b6b6;}
#map-area .spot-search fieldset .in {float:left; width:33px; text-align:center; font:bold 14px/28px calibri; color:#24364a;}
#map-area .spot-search fieldset button {float:left; margin-left:7px;}
#map-area .spot-search fieldset input.area.empty {background:#f8f8f8;}
#map-area .spot-search .area-result {position:absolute; top:42px; left:366px; max-height:300px; overflow:auto; width:228px; border:1px solid #cbcbcb; border-top:0; background:#fff; font-size:11px; z-index:21;} 
#map-area .spot-search .area-result a {display:block; line-height:25px; padding:0 6px; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
#map-area .spot-search .area-result a span {color:#999;} 
#map-area .spot-search .area-result li.on a,
#map-area .spot-search .area-result a:hover {background:#02b0ed; color:#fff !important; text-decoration:none;} 
#map-area .spot-search .area-result li.on a span,
#map-area .spot-search .area-result a:hover span {color:#fff;}
#map-area .spot-search .area-result p {padding:7px 10px; color:#666;}
#map-area .spot-search .result {border-top:1px solid #dbdbdb; padding:9px 18px 15px;}
#map-area .spot-search .result ul {padding:0 6px 3px; border-bottom:1px dotted #ccc; overflow:hidden;}
#map-area .spot-search .result li {float:left; position:relative; width:262px; height:41px; padding:4px 32px 0 22px;}
#map-area .spot-search .result li.odd {margin-right:48px;}
#map-area .spot-search .result li .icon {position:absolute; top:5px; left:0;}
#map-area .spot-search .result li .btn-add {position:absolute; top:5px; right:0; width:16px; height:16px; text-indent:-100px; overflow:hidden; background:url(../image/route/create/btn_plus.png) no-repeat; }
#map-area .spot-search .result li .name {color:#000; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#map-area .spot-search .result li .addr {font-size:11px; line-height:18px; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#map-area .spot-search .no-result {padding-top:10px; line-height:22px; text-align:center; color:#999;}
#map-area .spot-search .no-result h4 {font-size:14px;}
#map-area .spot-search .no-result .register {padding:15px 0 28px;}
#map-area .spot-search .pagination-wrap {position:relative; margin-top:9px; padding-left:20px; height:15px;}
#map-area .spot-search .pagination-wrap .btn-reg-spot {position:absolute; top:0; right:0; color:#03a2d0; font-weight:bold;}
#map-area .spot-search .pagination-wrap .btn-reset {position:absolute; top:0; left:0; color:#03a2d0; font-weight:bold;}
#map-area .spot-search .shadow-b {position:absolute; bottom:-3px; left:1px; right:1px; height:2px; background:url(../image/route/create/map_layer_shadow.png) 0 -2px repeat-x;}
#map-area .spot-search .shadow-b span {position:absolute; width:2px; height:2px; background:url(../image/route/create/map_layer_shadow.png) 0 -2px no-repeat;}
#map-area .spot-search .shadow-b .left {left:-2px; background-position:0 0;}
#map-area .spot-search .shadow-b .right {right:-2px; background-position:0 -4px;}
#map-area .spot-search .shadow-l,
#map-area .spot-search .shadow-r {position:absolute; top:0; bottom:0; width:1px; background:#000; opacity:0.25; filter:alpha(opacity=25);}
#map-area .spot-search .shadow-l {left:-2px;}
#map-area .spot-search .shadow-r {right:-2px;}

/* 스토리 영역 */
#story-area {position:absolute; border-left:1px solid #d0d0d0; top:0; left:470px; right:0; height:100%; background:#fff; overflow-x:auto; overflow-y:hidden;}
#story-area .btn-toggle {position:absolute; top:50%; left:1px; margin-top:-30px; width:22px; height:59px; text-indent:-100px; overflow:hidden; z-index:20; background:url(../image/route/create/map_btn_toggle_h.png) no-repeat;} 
#story-area .btn-toggle.show {background-position:-25px 0;} 
#story-area .preview {min-width:978px;}	 
#story-area .preview .title {height:41px; background:#f8f8f8 url(../image/route/create/bg_story_preview.png) 0 -1px repeat-x;}	 
#story-area .preview .title h3 {margin:8px 0 0 20px; float:left; font-size:14px; color:#000;} 
#story-area .preview .title .btns {float:right; margin:8px 20px 0 0;} 
#story-area .preview .title .btns a {float:left; color:#03a2d0; font-weight:bold;} 
#story-area .preview .title .btns span {float:left; margin:0 10px; color:#dbdbdb;}
#story-area .preview .boundary-lt,
#story-area .preview .boundary-rt {position:absolute; top:39px; border:1px solid #ccc; width:14px; height:14px; display:none;}
#story-area .preview .boundary-lt {left:50%; margin-left:-499px; border-width:0 1px 1px 0;}
#story-area .preview .boundary-rt {left:50%; margin-left:465px; border-width:0 0 1px 1px;}
#story-area .preview .content-wrap {position:absolute; top:39px; bottom:0; right:0; left:0; overflow-y:auto;}
#story-area .preview .content {width:950px; padding:14px; margin:0 auto;}
#story-area .editor {height:100%; overflow-x:auto; overflow-y:hidden;}
#story-area .editor iframe {height:100% !important; min-width:1000px;}
#story-area .editor .btn-photo {position:absolute; top:8px; left:574px; width:58px; height:21px;}
#story-area .editor .btn-preview {position:absolute; top:8px; left:636px;}

/* 만들기  footer */
#c-footer {position:absolute; bottom:0; left:0; min-width:100%; height:58px; background:#f7f7f7; border-top:1px solid #e1e1e1;}
#c-footer .c-wrapper {border-top:1px solid #fff;}
#c-footer .h-line {background:#fff; height:1px; overflow:hidden;}
#c-footer .btns a {float:left; color:#03a2d0; font-weight:bold; margin-top:8px;}
#c-footer .btns .bar {float:left; height:11px; width:0; margin:12px 15px 0; border-left:1px solid #cfcfcf; border-right:1px solid #dcdcdc;}
#c-footer .btn-story,
#c-footer .btn-complete {float:left; margin-left:20px;}
#c-footer .btns.left {float:left; margin:10px 0 0 14px;}
#c-footer .btns.right {float:right; margin:10px 14px 0 0;}
#c-footer .extra-info {position:absolute; top:19px; right:183px;}
#c-footer .extra-info .title {float:left; margin-top:4px; width:63px; height:15px; text-indent:-1000px; overflow:hidden; background:url(../image/route/create/map_info_title.png) no-repeat;}
#c-footer .extra-info input {float:left; width:18px; height:18px; margin:1px;}
#c-footer .extra-info label {float:left; margin-right:14px; color:#666;;}
#c-footer .extra-info .public {float:left; width:233px;}
#c-footer .extra-info .public .title {background-position:0 -60px;}
#c-footer .extra-info .ext-sync {float:left;}
#c-footer .extra-info .ext-sync .title {background-position:0 -75px;}
#c-footer .extra-info .ext-sync a {float:left; position:relative; margin:2px 12px 0 0; width:16px; height:16px; overflow:hidden; cursor:pointer;}
#c-footer .extra-info .ext-sync a .icon {position:absolute; width:16px; height:60px; background:url(../image/talk/map_service.png) no-repeat;}
#c-footer .extra-info .ext-sync a.off .icon {top:-20px;}
#c-footer .extra-info .ext-sync a.on .icon {top:-40px;}
#c-footer .extra-info .ext-sync .twitter .icon {background-position:-20px 0;}
#c-footer .extra-info .ext-sync .facebook .icon {background-position:-40px 0;}

/* 임시저장 목록 레이어 */
#layer-temporary {position:absolute; width:370px; border:1px solid #081d34; background:#fff;}
#layer-temporary h2 {color:#000; font-size:11px; padding:6px 14px;}
#layer-temporary .btn-hide {position:absolute; top:8px; right:14px;}
#layer-temporary .guide {padding:9px 14px; border:1px solid #e0e0e0; border-width:1px 0;font-size:11px; line-height:18px; background:#feffe0; }
#layer-temporary .temp-list {height:200px; overflow-y:scroll; position:relative;}
#layer-temporary ul {padding:9px 14px 14px;}
#layer-temporary li {position:relative; padding:6px 0 7px; border-bottom:1px solid #e0e0e0;}
#layer-temporary li:last {border-bottom:0;}
#layer-temporary li em {color:#ff4f47;}
#layer-temporary li .title {display:block; width:203px; }
#layer-temporary li .date {position:absolute; right:20px; top:50%; margin-top:-6px; font:11px calibri; color:#999;}
#layer-temporary li .btn-del {position:absolute; right:0; top:50%; margin-top:-4px; width:10px; height:11px; text-indent:-100px; overflow:hidden; background:url(../image/common/map_btn_del.png) no-repeat;}
#layer-temporary li .btn-del:hover {background-position:-15px 0;}

/* 만들기 튜토리얼 가이드 */
#layer-create-guide .dim {position:fixed; top:0; left:0; width:100%; height:100%; z-index:500; background:#000; opacity:0.6; filter:alpha(opacity=60);}
#layer-create-guide .content {position:fixed; top:0; left:0; width:100%; min-width:1260px; height:100%; z-index:501;}
#layer-create-guide .plan {position:absolute; top:341px; left:77px;}
#layer-create-guide .basic {position:absolute; top:144px; left:273px;}
#layer-create-guide .temporary {position:absolute; top:30px; right:0;}
#layer-create-guide .story {position:absolute; top:186px; right:300px;}
#layer-create-guide .s-plan {position:absolute; top:353px; left:25px;}
#layer-create-guide .extra {position:absolute; bottom:41px; right:61px;}
#layer-create-guide .map {position:absolute; top:357px; left:470px; right:0; text-align:center;}
#layer-create-guide .link {position:absolute; bottom:100px; width:100%; height:70px; text-align:center;}
#layer-create-guide .link p {font-weight:bold; color:#fff; height:29px;}
#layer-create-guide .link p em {color:#ffc829;}
#layer-create-guide .link p a {color:#03a2d0;}